<script lang="ts" setup>
import { ref } from "vue";

const emits = defineEmits(['login'])

const handleLogin = () => {
  emits('login')
}
</script>

<template>
  <div>
    <button class="login-btn" @click="handleLogin">登陆</button>
  </div>
</template>

<style lang="scss" scoped>
.login-btn {
  @apply bg-violet-700 text-white w-full py-2 rounded-md mt-5 hover:bg-violet-500 duration-300;
}
</style>
